// @flow
import React, { Component } from 'react'
import AgGrid from 'components/AgGrid'
import moment from 'moment'
type Props = {
  data: Array<Object>
}

type States = {
  columnDefs: Array<Object>
}
class TaskList extends Component {
  props: Props
  state: States
  constructor (props: Props) {
    super(props)
    this.state = {
      columnDefs: [
        {
          headerName: '序号',
          width: 60,
          minWidth: 60,
          cellRenderer: (params) => {
            return parseInt(params.rowIndex) + 1
          },
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '任务名称',
          field: 'taskName',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '任务类型',
          field: 'taskType',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '部件',
          field: 'devicePart.label',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '设备类型',
          field: 'deviceTypeJson.label',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '客户',
          field: 'customer.label',
          cellStyle: {
            padding: '8px'
          }
        },
        {
          headerName: '开始时间',
          field: 'startDate',
          cellStyle: {
            padding: '8px'
          }
          // cellRenderer: (params) => {
          //   return moment(params.data.startDate).format('YYYY-MM-DD HH:mm:ss')
          // }
        },
        {
          headerName: '结束时间',
          field: 'endDate',
          cellStyle: {
            padding: '8px'
          }
          // cellRenderer: (params) => {
          //   return moment(params.data.endDate).format('YYYY-MM-DD HH:mm:ss')
          // }
        }
      ]
    }
  }
  render () {
    const { columnDefs } = this.state
    const { data } = this.props
    data.forEach(item => {
      if (item.taskType === 'manual') {
        item.taskType = '手动'
      } else {
        item.taskType = '自动'
      }
    })
    return <AgGrid {...{
      columnDefs,
      rowData: data
    }} />
  }
}

export default TaskList
